<template>
	<view>
		<view style="width: 100%; height: 300rpx;" class="top">
		</view>
		
		<uni-card :is-shadow="false" is-full  style="position: relative; margin-top: -200rpx;">
			<view style="width: 100%; text-align: center;"><image src="../../../static/zhifu.png" style="width: 100rpx; height: 100rpx;"></image></view>
			
			
			<view style="margin-top: 20rpx; width: 100%;text-align: center;">支付成功</view>
			<view style="font-size: 50rpx; font-weight: 500; margin-top: 20rpx; width: 100%;text-align: center;">{{orderdemo.realPrice}}</view>
			
			<view style="width: 100%; text-align: center; margin-top: 30rpx;">订单编号:{{orderdemo.number}}</view>
			
			<view style="width: 100%; display: flex; justify-content: center; margin-top: 30rpx;"> 
			 <navigator url="/pages/kk/shouye/shouye" style="width: 500rpx; height: 70rpx; background-color: #2976EA; border-radius: 20rpx;color: white;line-height: 70rpx; text-align: center;">返回首页</navigator>
			 </view>
			
			<view style="width: 100%; display: flex; justify-content: center; margin-top: 30rpx;">
			 <navigator :url="`/pages/kk/dingdanxiangqing/dingdanxiangqing?id=${orderdemo.id} `" style="width: 500rpx; height: 70rpx; background-color: #BFBFBF; border-radius: 20rpx;color: white;line-height: 70rpx; text-align: center;">订单详情</navigator>
			 </view>
			
			
			
			
		</uni-card>
		
		
		
		
		
		
		
		
		</view>
</template>

<script>
	export default {
		data() {
			return {
				orderdemo:''
				
			}
		},
		
		
		onLoad() {
		this.getdingdan()	
		},
		
		
		methods: {
			
			
			getdingdan(){
				let that=this
				this.$http({
					url:'api/order/order/1',
					method:"get",
					success(res){
						that.orderdemo=res.data.data
					}
					
					
					
				})
				
				
				
			}
			
			
		}
	}
</script>

<style>
	.top {
		width: 100%;
		height: 270rpx;
		background-color: #2f81fa;
	}
</style>
